<template>
    <div>

        <!--banner-->
        <div class="banner">
            <div class="container">
                <h2 class="hdng">Yummy <span>Cakes</span> for u</h2>
                <p>Our best cakes make your day special</p>
                <a href="products.html">SHOP NOW</a>
                <div class="banner-text">            
                    <img src="../assets/images/2.png">    
                </div>
            </div>
        </div>            
        <!--//banner-->
        <div class="copyrights">Collect from <a href="http://www.cssmoban.com/">企业网站模板</a></div>
        <!--gallery-->
        <div class="gallery">
            <div class="container">
                <div class="gallery-grids">
                    <div class="col-md-8 gallery-grid glry-one">
                        <a href="products.html"><img src="../assets/images/g1.jpg" class="img-responsive" alt="">
                            </a><div class="gallery-info"><a href="products.html">
                                <p><span class="glyphicon glyphicon-eye-open" aria-hidden="true"></span> view</p>
                                </a><router-link class="shop" to="detail">SHOP NOW</router-link>
                                <div class="clearfix"> </div>
                            </div>
                        
                        <div class="galy-info">
                            <p>Lorem Ipsum is simply</p>
                            <div class="galry">
                                <div class="prices">
                                    <h5 class="item_price">$95.00</h5>
                                </div>
                                <div class="rating">
                                    <span>☆</span>
                                    <span>☆</span>
                                    <span>☆</span>
                                    <span>☆</span>
                                    <span>☆</span>
                                </div>                        
                                <div class="clearfix"></div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 gallery-grid glry-two">
                        <a href="products.html"><img src="../assets/images/g2.jpg" class="img-responsive" alt="">
                            </a><div class="gallery-info galrr-info-two"><a href="products.html">
                                <p><span class="glyphicon glyphicon-eye-open" aria-hidden="true"></span> view</p>
                                </a><router-link class="shop" to="detail">SHOP NOW</router-link>
                                <div class="clearfix"> </div>
                            </div>
                        
                        <div class="galy-info">
                            <p>Lorem Ipsum is simply</p>
                            <div class="galry">
                                <div class="prices">
                                    <h5 class="item_price">$95.00</h5>
                                </div>
                                <div class="rating">
                                    <span>☆</span>
                                    <span>☆</span>
                                    <span>☆</span>
                                    <span>☆</span>
                                    <span>☆</span>
                                </div>                        
                                <div class="clearfix"></div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3 gallery-grid ">
                        <a href="products.html"><img src="../assets/images/g3.png" class="img-responsive" alt="">
                            </a><div class="gallery-info"><a href="products.html">
                                <p><span class="glyphicon glyphicon-eye-open" aria-hidden="true"></span> view</p>
                                </a><router-link class="shop" to="detail">SHOP NOW</router-link>
                                <div class="clearfix"> </div>
                            </div>
                        
                        <div class="galy-info">
                            <p>Lorem Ipsum is simply</p>
                            <div class="galry">
                                <div class="prices">
                                    <h5 class="item_price">$95.00</h5>
                                </div>
                                <div class="rating">
                                    <span>☆</span>
                                    <span>☆</span>
                                    <span>☆</span>
                                    <span>☆</span>
                                    <span>☆</span>
                                </div>                        
                                <div class="clearfix"></div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3 gallery-grid ">
                        <a href="products.html"><img src="../assets/images/g4.png" class="img-responsive" alt="">
                            </a><div class="gallery-info"><a href="products.html">
                                <p><span class="glyphicon glyphicon-eye-open" aria-hidden="true"></span> view</p>
                                </a><router-link class="shop" to="detail">SHOP NOW</router-link>
                                <div class="clearfix"> </div>
                            </div>
                        
                        <div class="galy-info">
                            <p>Lorem Ipsum is simply</p>
                            <div class="galry">
                                <div class="prices">
                                    <h5 class="item_price">$95.00</h5>
                                </div>
                                <div class="rating">
                                    <span>☆</span>
                                    <span>☆</span>
                                    <span>☆</span>
                                    <span>☆</span>
                                    <span>☆</span>
                                </div>                        
                                <div class="clearfix"></div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3 gallery-grid ">
                        <a href="products.html"><img src="../assets/images/g5.png" class="img-responsive" alt="">
                            </a><div class="gallery-info"><a href="products.html">
                                <p><span class="glyphicon glyphicon-eye-open" aria-hidden="true"></span> view</p>
                                </a><router-link class="shop" to="detail">SHOP NOW</router-link>
                                <div class="clearfix"> </div>
                            </div>
                        
                        <div class="galy-info">
                            <p>Lorem Ipsum is simply</p>
                            <div class="galry">
                                <div class="prices">
                                    <h5 class="item_price">$95.00</h5>
                                </div>
                                <div class="rating">
                                    <span>☆</span>
                                    <span>☆</span>
                                    <span>☆</span>
                                    <span>☆</span>
                                    <span>☆</span>
                                </div>                        
                                <div class="clearfix"></div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3 gallery-grid ">
                        <a href="products.html"><img src="../assets/images/g6.png" class="img-responsive" alt="">
                            </a><div class="gallery-info"><a href="products.html">
                                <p><span class="glyphicon glyphicon-eye-open" aria-hidden="true"></span> view</p>
                                </a><router-link class="shop" to="detail">SHOP NOW</router-link>
                                <div class="clearfix"> </div>
                            </div>
                        
                        <div class="galy-info">
                            <p>Lorem Ipsum is simply</p>
                            <div class="galry">
                                <div class="prices">
                                    <h5 class="item_price">$95.00</h5>
                                </div>
                                <div class="rating">
                                    <span>☆</span>
                                    <span>☆</span>
                                    <span>☆</span>
                                    <span>☆</span>
                                    <span>☆</span>
                                </div>                        
                                <div class="clearfix"></div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3 gallery-grid ">
                        <a href="products.html"><img src="../assets/images/g7.png" class="img-responsive" alt="">
                            </a><div class="gallery-info"><a href="products.html">
                                <p><span class="glyphicon glyphicon-eye-open" aria-hidden="true"></span> view</p>
                                </a><router-link class="shop" to="detail">SHOP NOW</router-link>
                                <div class="clearfix"> </div>
                            </div>
                        
                        <div class="galy-info">
                            <p>Lorem Ipsum is simply</p>
                            <div class="galry">
                                <div class="prices">
                                    <h5 class="item_price">$95.00</h5>
                                </div>
                                <div class="rating">
                                    <span>☆</span>
                                    <span>☆</span>
                                    <span>☆</span>
                                    <span>☆</span>
                                    <span>☆</span>
                                </div>                        
                                <div class="clearfix"></div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3 gallery-grid ">
                        <a href="products.html"><img src="../assets/images/g8.png" class="img-responsive" alt="">
                            </a><div class="gallery-info"><a href="products.html">
                                <p><span class="glyphicon glyphicon-eye-open" aria-hidden="true"></span> view</p>
                                </a><router-link class="shop" to="detail">SHOP NOW</router-link>
                                <div class="clearfix"> </div>
                            </div>
                        
                        <div class="galy-info">
                            <p>Lorem Ipsum is simply</p>
                            <div class="galry">
                                <div class="prices">
                                    <h5 class="item_price">$95.00</h5>
                                </div>
                                <div class="rating">
                                    <span>☆</span>
                                    <span>☆</span>
                                    <span>☆</span>
                                    <span>☆</span>
                                    <span>☆</span>
                                </div>                        
                                <div class="clearfix"></div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3 gallery-grid ">
                        <a href="products.html"><img src="../assets/images/g9.png" class="img-responsive" alt="">
                            </a><div class="gallery-info"><a href="products.html">
                                <p><span class="glyphicon glyphicon-eye-open" aria-hidden="true"></span> view</p>
                                </a><router-link class="shop" to="detail">SHOP NOW</router-link>
                                <div class="clearfix"> </div>
                            </div>
                        
                        <div class="galy-info">
                            <p>Lorem Ipsum is simply</p>
                            <div class="galry">
                                <div class="prices">
                                    <h5 class="item_price">$95.00</h5>
                                </div>
                                <div class="rating">
                                    <span>☆</span>
                                    <span>☆</span>
                                    <span>☆</span>
                                    <span>☆</span>
                                    <span>☆</span>
                                </div>                        
                                <div class="clearfix"></div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3 gallery-grid ">
                        <a href="products.html"><img src="../assets/images/g10.png" class="img-responsive" alt="">
                            </a><div class="gallery-info"><a href="products.html">
                                <p><span class="glyphicon glyphicon-eye-open" aria-hidden="true"></span> view</p>
                                </a><router-link class="shop" to="detail">SHOP NOW</router-link>
                                <div class="clearfix"> </div>
                            </div>
                        
                        <div class="galy-info">
                            <p>Lorem Ipsum is simply</p>
                            <div class="galry">
                                <div class="prices">
                                    <h5 class="item_price">$95.00</h5>
                                </div>
                                <div class="rating">
                                    <span>☆</span>
                                    <span>☆</span>
                                    <span>☆</span>
                                    <span>☆</span>
                                    <span>☆</span>
                                </div>                        
                                <div class="clearfix"></div>
                            </div>
                        </div>
                    </div>
                </div>    
            </div>
        </div>
        <!--//gallery-->
        <!--subscribe-->
        <div class="subscribe">
             <div class="container">
                 <h3>Newsletter</h3>
                 <form>
                     <input type="text" class="text" value="Email" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Email';}">
                     <input type="submit" value="Subscribe">
                 </form>
             </div>
        </div>
        <!--//subscribe-->
       </div>

</template>

<script>
    export default {
        name: "Home"
    }
</script>

<style>
</style>
